* {
  letter-spacing: 0.5px;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}
html {
  width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  position: relative;
  width: 100%;
  font-family: -apple-system, "PingFang SC", "Hiragino Sans GB", Roboto, Arial, "Microsoft YaHei", sans-serif;
  font-size: 14px !important;
  margin: 0;
  padding: 0;
  color: #303133 !important;
  background-color: #F5F6F8 !important;
}
a {
  text-decoration: none;
  color: #303133;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
/* 页面框架 */
.main-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 64px;
}
#___gatsby, #gatsby-focus-wrapper {
  height: 100%;
}
@media screen and (max-width: 750px){
  .main-container {
    padding-top: 47px;
  }
}

:not(pre) > code[class*="language-"] {
  white-space: break-spaces;
}

/* iconfont */
.iconfont {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
  overflow: hidden;
}
.iconfont.d_mogdb, .iconfont.d_uqbar {
  display: inline-block;
  color: inherit;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.d_mogdb {
  background-image: url('./images/mogdb_logo.svg');
}
.d_uqbar {
  background-image: url('./images/uqbar_logo.svg');
}

/* 组件 */
.w-product-icon, .w-product-icon-colors {
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.w-product-icon.mogha {
  background-image: url(./images/tools/mogha.png);
}
.w-product-icon.manager {
  background-image: url(./images/tools/manager.png);
}
.w-product-icon.ptk {
  background-image: url(./images/tools/ptk.png);
}
.w-product-icon.mdb {
  background-image: url(./images/tools/mdb.png);
}
.w-product-icon.mtk {
  background-image: url(./images/tools/mtk.png);
}
.w-product-icon.mvd {
  background-image: url(./images/tools/mvd.png);
}
.w-product-icon.sca {
  background-image: url(./images/tools/sca.png);
}
.w-product-icon.mogdb {
  background-image: url(./images/tools/mogdb.png);
}
.w-product-icon.mogdb-stack {
  background-image: url(./images/tools/mogdb-stack.png);
}
.w-product-icon.uqbar {
  background-image: url(./images/tools/uqbar.png);
}

/* copied */
.pre-copied-tip {
  position: absolute;
  font-size: 12px;
  color: #FF6407;
  font-style: italic;
}

/* header菜单icon控制 */
.header-drop-link .toggle-icon{
  color: #3D3D3D !important;
}
.header-drop-link.ant-popover-open .toggle-icon{
  transform-origin: center center;
  transform: rotate(90deg);
}
.header-drop-link.ant-popover-open span {
  color: #FF6407;
}

/* 产品卡片 */
.product-box {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #606266;
  font-size: 12px;
  padding: 14px;
  margin: 0 16px;
}
.product-box .tool-icon {
  padding: 6px;
  margin-right: 12px;
  background: #F5F6F8;
  border-radius: 5px;
}
.product-box .title {
  font-size: 14px;
  color: #191A1B;
  font-weight: 600;
  line-height: 16px;
}
.product-box .desc {
  padding-top: 2px;
  line-height: 16px;
}
.product-box .info {
  flex: 1;
}
.product-box .jump-icon {
  opacity: 0;
  color: #000000;
}
.product-box.disabled {
  pointer-events: none;
  color: #909399;
}
.product-box.disabled .title , .product-box.disabled .desc {
  color: inherit;
}
.product-box:hover .jump-icon, .product-box.is-active .jump-icon {
  opacity: 1;
}

.header-dropdown-box .product-box.mtk:hover .tool-icon, .header-dropdown-box .product-box.mtk.is-active .tool-icon {
  background-color: #FFE9ED;
}
.header-dropdown-box .product-box.sca:hover .tool-icon, .header-dropdown-box .product-box.sca.is-active .tool-icon {
  background-color: #FFEEE7;
}
.header-dropdown-box .product-box.mvd:hover .tool-icon, .header-dropdown-box .product-box.mvd.is-active .tool-icon {
  background-color: #F1EBFF;
}
.header-dropdown-box .product-box.mdb:hover .tool-icon, .header-dropdown-box .product-box.mdb.is-active .tool-icon {
  background-color: #FFF6DD;
}
.header-dropdown-box .product-box.mogha:hover .tool-icon, .header-dropdown-box .product-box.mogha.is-active .tool-icon {
  background-color: #E9FDF5;
}
.header-dropdown-box .product-box.ptk:hover .tool-icon, .header-dropdown-box .product-box.ptk.is-active .tool-icon {
  background-color: #EBF1FF;
}
.header-dropdown-box .product-box.manager:hover .tool-icon, .header-dropdown-box .product-box.manager.is-active .tool-icon {
  background-color: #E8F5FF;
}
.header-dropdown-box .product-box.parameter:hover .tool-icon, .header-dropdown-box .product-box.parameter.is-active .tool-icon {
  background-color: #FFF0E7;
}
.header-dropdown-box .product-box.mogdb-stack:hover .tool-icon, .header-dropdown-box .product-box.mogdb-stack.is-active .tool-icon {
  background-color: #EAFEFF;
}
